@charset "utf-8";
/* CSS Document 修改人：李克振 修改日期：2016-11-03 */
@import "config";

body, ul, li, ol, p, span, i, input, img, textarea, button, iframe, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } //iso上点击某一元素会出现半透明灰色背景

body {
  font-family: aileron, 'Microsoft YaHei', "arial", "sans-serif";
  font-size: 14px;
  line-height: 1.4286;
  color: $black;
  -webkit-overflow-scrolling: touch; //控制在移动设备上是否使用回弹效果
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, svg, path, select, option {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
input, textarea, keygen, select, button{ font-family: aileron, 'Microsoft YaHei', "arial", "sans-serif";}
textarea{ resize: none;}
i, address {  font-style: normal; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; cursor: pointer;
  &:hover{color:$primary;}
}
input:focus, textarea:focus, button, select{  outline: none;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
img {  display: block; }
.clearfix { @include clearfix;}
.iconfont{font-size: inherit;}

/*布局*/
.fl{ float:left;}
.fr{ float:right;}
.ovh{ overflow:hidden;}
.hide { display: none !important;}
.show{ display:block !important;}
.cover {@extend %cover;}
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.clamp{@include clamp;}
.mc{ margin:0 auto;}
.tac{ text-align:center;}
.tal{ text-align:left;}
.tar{ text-align:right;}
.lh24{ line-height:24px;}
.lh36{ line-height:36px;}

/*宽度*/
.w20{width:10%;}
.w20{width:20%;}
.w25{width:25%;}
.w33{width: 100% / 3;}
.w50{width:50%;}
.w80{width:80%;}
.w100{width:100%;}

/*伸缩布局*/
.lz-flex{ display: -webkit-flex; display: flex;}
.lz-flex-col{ display: -webkit-flex; display: flex; -webkit-flex-flow:column; flex-flow:column;}
.lz-v-scroll { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.flex-center{display: -webkit-box; display: -webkit-flex; display: flex;
  -webkit-box-align: center;//垂直居中
  -webkit-box-pack: center;  //水平居中
  -webkit-align-items: center; align-items: center; //垂直居中
  -webkit-justify-content: center; justify-content: center;//水平居中
  }
.flex-center-v{ display: -webkit-box; display: -webkit-flex; display: flex;
  -webkit-box-pack: center;  //垂直居中
  -webkit-align-items: center; align-items: center; //垂直居中
}
.flex1{ -webkit-flex:1; flex:1;}
.lz-center{ position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

/*边距*/
.m5{ margin:5px;}
.m10{ margin:10px;}
.m20{ margin:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px !important;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px !important;}
.mt0{ margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p20{ padding:20px;}
.p30{ padding:30px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}


/*边框 背景*/
.public-png{ display: inline-block; background: url('../../images/public.png') no-repeat;}
.bg-gray{ background-color:$grayBg;}
.line{ border-bottom:1px solid $lineColor;}
.noborder{ border:none !important;}

/*字体*/
h1, h2, h3{font-weight: 500; margin-top: 20px; margin-bottom: 10px;}
h4, h5, h6{font-weight: 700; margin-top: 10px; margin-bottom: 10px;}
h1{font-size: 36px; font-weight: 400;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}

.bold{ font-weight:bold;}
.nobold{ font-weight:normal;}
.line-through{ text-decoration:line-through;}
.text-gray{ color:$gray;}
.text-darkGray{ color:$darkGray;}
.text-primary{ color:$primary;}
.text-lightBlue{ color:$lightBlue;}
.text-orange{ color:$orange;}
.text-red{ color:$red;}
.text-indent{ text-indent:2em;}
.text-desc{ font-size: 12px; color:$gray;}
.text-shadow{ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.text-song{ font-family: '宋体';}

.link-primary{ color:$primary;
  &:hover{ color:$primary; text-decoration:underline;}
  &:active{ color:darken($primary, 10%); text-decoration:none;}
}
.link-red{ color:$red;
  &:hover{ color:$red; text-decoration:underline;}
  &:active{ color:darken($red, 10%); text-decoration:none;}
}
.link-orange{ color:$orange;
  &:hover,&:active{ color:darken($orange, 10%); text-decoration:none;}
}

.link-icon{ color:$lightBlue;
  i{ font-size: 20px;}
  &:hover{ color: lighten($primary, 10%);}
  &:active{ color: darken($primary, 10%);}
  &[disabled]{color:$borderColor; cursor: not-allowed;}
}
button.link-icon{ border: none; background-color: transparent; cursor: pointer;}

.link-white{ color:#fff;}
.link-white:hover{ color:#fff; text-decoration:underline;}

/*按钮*/
.lz-btn, .lz-btn:visited{  display: inline-block;  line-height: 1;  white-space: nowrap;  cursor: pointer;  background-color: #fff;  border: 1px solid $borderColor;  color: #333;  -webkit-appearance: none;  text-align: center;  box-sizing: border-box;  outline: none;  margin: 0;  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  padding: 11px 20px;  font-size: 16px;  border-radius: 4px;}
.lz-btn:hover, .lz-btn:active{ border-color: $primary; color:$primary;}
.lz-btn + .lz-btn{margin-left: 20px;}

.btn-primary{ width: 136px; background-color:$primary;  border-color: $primary; color:#fff;
  &:hover{ background-color: lighten($primary, 10%); border-color:lighten($primary, 10%); color:#fff;}
  &:active{ background-color: darken($primary, 10%); border-color: darken($primary, 10%); color:#fff;}
  &:visited{background-color:$primary;  border-color: $primary; color:#fff;}
  &[disabled]{background-color:$borderColor;  border-color: $borderColor; color:darken($borderColor, 10%); cursor: not-allowed;}
}

.btn-primary-line, .btn-primary-line:visited{ width: 136px;  border-color: $primary; color:$primary;
  &:hover{ border-color: lighten($primary, 10%); color:lighten($primary, 10%);}
  &:active{ border-color: darken($primary, 10%); color:darken($primary, 10%);}
  &:visited{  border-color: $primary; color:$primary;}
  &[disabled]{ border-color: $borderColor; color:$borderColor; cursor: not-allowed;}
}

.btn-red-line, .btn-red-line:visited{ width: 136px;  border-color: $red; color:$red;}
.btn-red-line:hover{ border-color: lighten($red, 10%); color:lighten($red, 10%);}
.btn-red-line:active{ border-color: darken($red, 10%); color:darken($red, 10%);  }

.btn-small{ padding: 6px 20px; border-radius: 15px;  width: auto; font-size: 14px;}
.btn-long{ width: 265px;}
.btn-input{ padding: 9px 20px;}

.w-full{ width: 100%;}
.w-input{ width: 325px !important;}
